/*
 * 表格样式集合
 */

//通用表格样式
.containTable{
  .el-table__header th,.el-table__header th>div{
    text-align:center;
    background: #efeff0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efeff0), color-stop(1, #fafafa));
    background: -ms-linear-gradient(bottom, #efeff0, #fafafa);
    background: -moz-linear-gradient(center bottom, #efeff0 0%, #fafafa 100%);
    background: -o-linear-gradient(bottom, #efeff0, #fafafa);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";
    color:#555555;
    height:36px;
    line-height:36px !important;
    font-weight:bold;
  }
  .el-table__body-wrapper>table>tbody>tr.row-yijiao {
    > td {
      background-color: rgb(0,206,209) !important;
      cursor: pointer;
    }
  }
}
.containTable .el-table__body-wrapper > table > tbody > tr.row-yijiao:hover{
  background-color: rgb(0,206,209)!important;
  cursor: pointer;
}
//超链接
.superTarget{
  text-decoration: underline;
  color:rgb(0, 0, 150);
  cursor: pointer;
}

.superChange{
  text-decoration: underline;
  color:#428bca;
}

.loanTipTitle{
  border-radius:2px;
  padding:0 15px;
  // background: #efeff0;
  // background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efeff0), color-stop(1, #fafafa));
  // background: -ms-linear-gradient(bottom, #efeff0, #fafafa);
  // background: -moz-linear-gradient(center bottom, #efeff0 0%, #fafafa 100%);
  // background: -o-linear-gradient(bottom, #efeff0, #fafafa);
  // filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  // -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";
  color:#111111;
  height:45px;
  line-height:45px !important;
  border-bottom:1px solid #D4D8DA;
  font-weight:600;
}

//主页
.indexTable{
  border:1px solid #ebeef5;
  .el-table__header-wrapper{
    background:#f2f4f9 !important;
  }

  .el-table__header th:first-of-type,.el-table__header th:first-of-type>div{
    text-align:center;
  }

  .el-table__row>td:first-of-type>div.cell{
    text-align:center;
  }
  .el-table__row > td > div.cell{
    display:inline-flex;
  }

  th.gutter{
    display: table-cell !important;
    //display:block !important;
  }
  .gutter{
    display: table-cell !important;
    //display:block !important;
  }

  .el-table__row>td>div.cell{
    text-align:center;
  }
  //tr td div{
  //  font-size:13px;
  //  cursor:pointer;
  //}
  //加样式
  tr td div{
    font-size:12px;
    cursor:pointer;
  }
  th{
    padding: 0 !important;
  }
  td{
    //padding:5px 0 !important;
    //加样式
    padding:2px 0 !important;
    //cursor:pointer;
  }
  .el-table__body-wrapper>table>tbody>tr.row-out{
    color:#ccc;
    >td{
      color:#ccc;
      cursor:pointer;
    }
    .el-table-column--selection{
      >.cell{
        display:none;
      }
    }
  }
}

.examinaTable{
  border:1px solid #ebeef5;
  .el-table__header-wrapper{
    background:#f2f4f9 !important;
  }

  .el-table__header th:first-of-type,.el-table__header th:first-of-type>div{
    text-align:center;
  }

  .el-table__row>td:first-of-type>div.cell{
    text-align:left;
  }

  th.gutter{
    display: table-cell !important;
    //display:block !important;
  }
  .gutter{
    display: table-cell !important;
    //display:block !important;
  }

  .el-table__row>td>div.cell{
    text-align:center;
  }
  //tr td div{
  //  font-size:13px;
  //  cursor:pointer;
  //}
  //加样式
  tr td div{
    font-size:12px;
    cursor:pointer;
  }
  th{
    padding: 0 !important;
  }
  td{
    //padding:5px 0 !important;
    //加样式
    padding:2px 0 !important;
    //cursor:pointer;
  }
  .el-table__body-wrapper>table>tbody>tr.row-out{
    color:#ccc;
    >td{
      color:#ccc;
      cursor:pointer;
    }
    .el-table-column--selection{
      >.cell{
        display:none;
      }
    }
  }
}

.initialTableAll{
  border:1px solid #ebeef5;
  .el-table__header-wrapper{
    background:#f2f4f9 !important;
  }

  .el-table__header th:first-of-type,.el-table__header th:first-of-type>div{
    text-align:left;
  }

  .el-table__row>td:first-of-type>div.cell{
    text-align:left;
  }

  th.gutter{
    display: table-cell !important;
    //display:block !important;
  }
  .gutter{
    display: table-cell !important;
    //display:block !important;
  }

  .el-table__row>td>div.cell{
    text-align:center;
  }
  //tr td div{
  //  font-size:13px;
  //  cursor:pointer;
  //}
  //加样式
  tr td div{
    font-size:12px;
    cursor:pointer;
  }
  th{
    padding: 0 !important;
  }
  td{
    //padding:5px 0 !important;
    //加样式
    padding:2px 0 !important;
    //cursor:pointer;
  }
  .el-table__body-wrapper>table>tbody>tr.row-out{
    color:#ccc;
    >td{
      color:#ccc;
      cursor:pointer;
    }
    .el-table-column--selection{
      >.cell{
        display:none;
      }
    }
  }
}

.emHtml{
  em{
    color:red;
    font-style: normal;
  }
}

.el-popper{
  em{
    color:red;
    font-style: normal;
  }
}

.indexTable.el-table--fit{
  border-right:1px solid #ebeef5;
  border-bottom:1px solid #ebeef5;
}
.indexTable tr td div{
  font-size:13px!important;
}
  //.indexTable.el-table--enable-row-hover .el-table__body tr:hover>td{
//  background:#e2f7ff !important;
//}

//主页底部表格
.indexBottomTable{
  border:none;
}

.indexBottomTable .indexTable.el-table--fit{
  border:none;
}

//审批弹框表格
.checkBottom .el-table__body tr.current-row>td {
  background:rgb(205,232,255)
}

//表格展开行
.expandTable{
  .demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-null{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      display:none;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-level{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: -40px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelOne{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: -20px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelTwo{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: 0;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelThree{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: 20px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelFour{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: 40px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelFive{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: 60px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-levelSix{
    background:#fff !important;
    >td.el-table__expand-column>.cell{
      margin-left: 80px;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-cover{
    background:rgb(208,227,240) !important;
    >td{
      background-color:rgb(208,227,240);
      cursor:pointer;
    }
    >td.el-table__expand-column>.cell{
      display:none;
    }
  }
  >.el-table__body-wrapper>table>tbody>tr.row-expand-cover-arrow{
    background:rgb(208,227,240) !important;
    >td{
      background-color:rgb(208,227,240);
      cursor:pointer;
    }
    >td.el-table__expand-column>.cell{
      display:block;
    }
  }

  .demo-table-expand {
    padding: 10px 15px;
    .el-form-item {
      margin-right: 0;
      margin-bottom: 0;
      width: 50%;
    }
  }
  .el-table__expanded-cell{
    padding:0 !important;
    background:#fafafa;
    .expand_div{
      padding:0;
    }
  }
  .el-table__row > td:first-of-type > div.cell{
    text-align:right;
  }
  .el-table__row.row-expand-cover> td:first-of-type > div.cell{
    text-align:center;
  }
}

.el-table .cell, .el-table th div{
 /* text-overflow:clip;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.expandTable.el-table--enable-row-hover .el-table__body tr:hover>td{
  background:inherit !important;
}
.expandTable.el-table--enable-row-hover .el-table__body tr:active>td{
  background:inherit !important;
}
.expandTable.el-table--enable-row-hover .el-table__body tr:focus>td{
  background:inherit !important;
}
.expandTable.el-table--enable-row-hover .el-table__body tr:visited>td{
  background:inherit !important;
}

//合卷中的table
.combinetable .el-table{
  width:100%;
}
//全宗迁移右边的树
.radioTree{
  .el-checkbox__inner{
    border-radius:7px;
  }
  .el-tree-node.is-expanded>.el-tree-node__children{
    display: inline;
  }
}
//全宗迁移左边的树
.leftTree{
  .el-tree-node.is-expanded>.el-tree-node__children{
    display: inline;
  }
}

//全宗管理列表
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
  border-right:0 !important;
}

//文件管理三个阶段表格加竖线
.lineTable.el-table--border td, .lineTable.el-table--border th, .lineTable .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
  border-right: 1px solid #cdcdcd !important;
}

//子表格样式
.childTable .el-table__body, .childTable .el-table__footer, .childTable .el-table__header {
  table-layout: inherit;
  border-collapse: separate;
}

//表格可拖拽去竖线
//.el-table--border td, .el-table--border th{
//  border-right:none;
//}
//
//.el-table--border td:last-of-type, .el-table--border th:last-of-type{
//  border-right:1px solid #ebeef5;
//}
.myIndextable td {
  padding: 2px 0 0 0 !important;
}
.el-table--border, .el-table--group {
  border: none;
}
//去掉多选按钮
.SelectCell {
  .el-checkbox {
    display: none;
  }
}
.myTable .el-table__body-wrapper{
  overflow: auto !important;
}
//报表统计列表
.reportTable{
  .el-table__header th,.el-table__header th>div{
    text-align:center;
    font-weight:bold;
  }
  .el-table__body-wrapper>table>tbody>tr.row-yijiao {
    > td {
      cursor: pointer;
    }
  }
}

.reportTable .el-table__body-wrapper > table > tbody > tr.row-yijiao:hover{
  cursor: pointer;
}
.el-table th.is-sortable .caret-wrapper{
  position: static;
}
.el-table th.is-sortable>.cell{
  padding-left:20px
}

el-table .indexTable tr td div .el-checkbox__original{
  display: none !important;
}
//合计的居中
.el-table .cell{
  // text-align: center;
  text-align: left;
}
.el-table td:last-child .cell{
  text-align: center;
}
//选中反转
.el-table .el-checkbox .el-checkbox__input .el-checkbox__inner::after{
  -ms-transform: rotate(45deg);/* IE 9 */
}
.defaultTable {
  // margin-top: 3px;
  td, th{
    padding: 4px 0 !important;
    text-align: center;    
  }
  td{
    font-size: 0.875rem;
    padding: 4px 0 !important;
  }
  .tableHeader th{
    padding: 5px 0 !important;
    text-align: center;  
  }
}

.templateTable{
  .el-table__header th,.el-table__header th>div{
    text-align:center;
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4979CE), color-stop(1, #fafafa));
    background: -ms-linear-gradient(bottom, #4979CE, #fafa);
    background: -moz-linear-gradient(center bottom, #4979CE 0%, #fafafa 100%);
    background: -o-linear-gradient(bottom, #4979CE, #fafafa);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";*/
    /* color:#555555;*/
    height:36px;
    line-height:36px !important;
    font-weight:200;
    font-size:12px;
    text-align: center;
  }
  .el-table__body-wrapper>table>tbody>tr.row-yijiao {
    > td {
      cursor: pointer;
    }
  }
}
.templateTable .el-table__body-wrapper > table > tbody > tr.row-yijiao:hover{
  cursor: pointer;
}
// 树形表格第一列居左显示
.defaultTable.treeTableView  {
  td, th:first-child .cell{
    text-align: left;    
  }
  .el-table__body-wrapper td:first-child .cell{
    text-align: left;  
  }
}
.el-table,.vxe-table {
  .el-table__empty-text {
      line-height: 20px;
  }
  .disabled-row {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: not-allowed;
    td {
      color: #c0c4cc;
    }
  }
  .readed-row {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    td {
      color: #c0c4cc;
    }
  }
}

.watchTable {
  margin-top: 3px;
  td, th {
    padding: 4px 0;
    text-align: center;
  }
  td {
    font-size: 0.875rem;

    .cell {
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
    }

    .el-checkbox__input {
      width: 10px;
    }
    .el-checkbox__inner {
      width: 16px;
      height: 16px;
    }
    .el-checkbox__inner::after {
      left: 4px;
      border: 2px solid #FFF;
      height: 8px;
      width: 4px;
      border-left: 0;
      border-top: 0;
      position: absolute;
      top: 1px;
    }

    .el-table__fixed-right-patch {
      position: absolute;
      top: 0px;
      right: 0;
    }
    .sort-caret {
      width: 0;
      height: 0;
      border: 5px solid transparent;
      position: absolute;
      right: 10px;
      left: inherit;
    }

    .cell .operate-group {
      /*padding: 2px;*/
      display: inline-block;
    }

    .cell .operate-group > div {
      display: inline-block;
    }

    .cell .operate-group .item {
      display: inline-block;
      margin: 2px;
    }
  }
  .tableHeader th {
    padding: 0px 0;
    text-align: center;
    .cell {
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      height: 35px;
      line-height: 35px;
      // text-align: center;
      text-align: left;
     
    }
    &:nth-last-child(2) .cell{
      text-align: center;
    }
    .el-checkbox__input {
      width: 15px;
    }
    .el-checkbox__inner {
      width: 16px;
      height: 16px;
    }
    .el-checkbox__inner::after {
      left: 4px;
      border: 2px solid #FFF;
      height: 8px;
      width: 4px;
      border-left: 0;
      border-top: 0;
      position: absolute;
      top: 1px;
    }
    .sort-caret {
      right: 7px;
      left: auto;
    }
  }
  .tableHeader .gutter{
    background: transparent;
  }
  tr.is-left {
    .cell {
      text-align: left;
    }
  }
  tr.is-right {
    .cell {
      text-align: right;
    }
  }
  .is-left {
    .cell {
      text-align: left;
    }
  }
  .el-table__row {
    .is-Left {
      .cell {
        text-align: left !important;
      }
    }
    is-right {
      .cell {
        text-align: right;
      }
    }
    is-center {
      .cell {
        text-align: center;
      }
    }
  }
}
.watchTable {
  td {
    color: #333;
  }
  .tableHeader th {
    // background-color: #205193;
    // color: #fff;
    // border-right: 1px solid #EBEEF5 !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
  }
  .el-table__body-wrapper > table > tbody > tr.row-expand-cover-arrow {
    background: #d0e3f0 !important;
    > td {
      background: #d0e3f0 !important;
    }
  }
  .el-table__fixed-right-patch {
    background-color: #205193;
    border-top: 1px solid #fff;
  }
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #409EFF;
  border: 1px solid #409EFF;
  background-color: transparent;
}
